<template>
	<view class="box">
		<!-- 网络异常图片 -->
		<view class="top">
			<image src="../../../static/网络.png"></image>
		</view>
		<view>
			<text class='wl'>网络未连接</text>
		</view>
		<view>
			<text class="jx">请检查你的网络设置后刷新</text>
		</view>
		<view>
			<button>刷新</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	button{
		width: 260rpx;
		display: flex;
		justify-content: center;
		margin-top: 60rpx;
		background-color: #10c96c;
		color: white;
	}
	.jx{
		display: flex;
		justify-content: center;
		color: #999999;
		margin-top: 20rpx;
	}
	.wl{
		display: flex;
		justify-content: center;
		margin-top: 20rpx;
		color: #333333;
		font-size:40rpx;
	}
	.top{
		width: 100%;
		height: 30%;
		// background-color: lightblue;
		display: flex;
		justify-content: center;
		padding-top: 160rpx;
		image{
			width: 30%;
			height: 100%;
			
			
		}
	}
.box{
	width: 100vw;
	height: 100vh;
	background-color: #e4e4e4;
}
</style>
